<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>我的</title>
	<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_474420_uc06i8zic2z9f6r.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/fontSize.js"></script>
	<script type="text/javascript" src="js/layer/layer.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="js/config.js"></script>
</head>
<body class="bgcolor">
<div id="app">
	<div class="percent_center_title">
		<img :src="resObj.url" alt="" class="percent_center_photo">
		<div class="percent_center_name">{{resObj.nickname}}</div>
	</div>
	<ul class="person_ul">
		<li class="person_li borderBottom" @click="goNext1">
			<span>
				<img src="img/p_84.png" alt="">
			</span>
			中奖记录
			<i class="iconfont icon-xiangyou"></i>
		</li>
		<li class="person_li borderBottom" @click="goNext">
			<span>
				<img src="img/p_85.png" alt="">
			</span>
			参与记录
			<i class="iconfont icon-xiangyou"></i>
		</li>
		<li class="person_li borderBottom" @click="goOrder">
			<span>
				<img src="img/p_93.png" alt="">
			</span>
			我的订单
			<i class="iconfont icon-xiangyou"></i>
		</li>
	</ul>
	<ul class="person_ul">
		<li class="person_li borderBottom" @click="goNext2">
			<span>
				<img src="img/p_86.png" alt="">
			</span>
			我的收货地址
			<i class="iconfont icon-xiangyou"></i>
		</li>
	</ul>
</div>
	<ul class="nav_footer borderTop">
			<li data-href="index.html">
				<ul>
					<li>
						 <i class="iconfont icon-zhongjiangjilu- no_activeIcon"></i>
						 <i class="iconfont icon-zhongjiangjilu-1 activeIcon"></i>
					</li>
					<li>竞猜</li>
				</ul>
			</li>
			<li data-href="shop.html">
				<ul>
					<li>
						<i class="iconfont icon-shangcheng- no_activeIcon"></i>
						<i class="iconfont icon-shangcheng-1 activeIcon"></i>
					</li>
					<li>商城</li>
				</ul>
			</li>
			<li class="active" data-href="person_center.html">
				<ul>
					<li>
						<i class="iconfont icon-gerenzhongxin- no_activeIcon"></i>
						<i class="iconfont icon-gerenzhongxin-1 activeIcon"></i>
					</li>
					<li>我的</li>
				</ul>
			</li>
	</ul>

	<script type="text/javascript">
		var app = new Vue({
			el: '#app',
			data: {
			    resObj:{},
		        unionid:GetQueryString("unionid"),
		        token:GetQueryString("token")
		       
			},
			mounted(){
				this.getList();
			},
			methods:{
				getList(){
					var that=this;
					ajaxFun("GET","/trade/user/profile",{
	                       token:this.token,
	                       // id:this.token 

	                    },function(data){
	                    	if(data.error==0){
                              that.resObj=data.profile;
	                    	}else{

	                    	}
	                     
                    }); 
				},
				goNext(){
					 window.location.href="partIn.html?token="+this.token+"&unionid="+this.unionid;
				},
				goNext1(){
					 window.location.href="win_record.html?token="+this.token+"&unionid="+this.unionid;
				},
				goNext2(){
					 window.location.href="adressList.html?token="+this.token+"&unionid="+this.unionid;
				},
				goOrder(){
					 window.location.href="order.html?token="+this.token+"&unionid="+this.unionid;
				}

			}
		});
	</script>	
</body>
</html>